<!DOCTYPE  html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Title of the main page</title>
		<link rel="stylesheet" href="styles/main.css">
		<<link rel="alternate" href="styles/bootstrap.min.css">
	</head>
	<body>
		<div id="wrapper">
			<nav>
				<ul id="main">	
					<li class="logo">
						<a href="#">EPIC LOGO</a>
					</li>
					<li >
						<a href="#">PURVA</a>
					</li>
					<li >
						<a href="#">VTORA</a>
					</li >
					<li>
						<a href="#">DRUGA</a>
					</li>
					<li >
						<a href="#">24/7 VRUZKA S GOSPOD</a>
					</li>
					
				</ul>
				<ul id="accDetails">
							<li class="in"><a href="#" >Username</a></li>
							<li class="in"><a href="#" >PIC</a></li>
							<li ><a href="#" >Logout</a></li>
				</ul>
			</nav>
			<section id="body">
				<nav>
					<ul class="sorter">
						<li>
							<a href="#/country">Your country</a>
						</li>
						<li>
							<a href="#/europe">Europe</a>
						</li>
						<li>
							<a href="#/world">World</a>
						</li>
						<li>
							<div class="dropdown">
								<!--<select class="select">
									<option value="money">Money</option>
									<option value="item">Item</option>
								</select>-->
								<a data-toggle="dropdown" data-target="#">Value</a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
									<li>Money</li>
									<li>Items</li>
								</ul>
							</div>
						</li>
					</ul>
					
				</nav>				
			</section>
		</div>
		<script src="scripts/parse.js"></script>
		<script src="scripts/bootstrap.min.js" type="text/javascript"></script>
	</body>	
	<footer>
	</footer>
</html>